body {
    min-width: 320px;
    width: 10rem;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica;
    background: #f9f9f9;
    // max-width: 750px;
  }
  .w {
    width: 9.173333rem;
    margin: 0 auto;
  }
  header {
    width: 100%;
    height:1.28rem;
    background-image:linear-gradient(180deg,#f24c59 0%,#f28c4c 100%);
   
    .header {
      height: 100%;
      text-align: center;
      color:#ffffff;
      font-size:.533333rem;
      line-height:1.28rem;
      font-weight: 600;
      position: relative;
      img {
        position: absolute;
       left: 0;
       top:.4rem;
        width: .293333rem;
        height: .533333rem;
      }
    }
  }
  .pj {
      width: 100%;
      height: 5.44rem;
      background-color:#fff;
      .pj-1 {
          height: 100%;
          .pj-top {
              width: 100%;
              height: 1.493333rem;
              border-bottom: .026667rem solid #ededed;
              display: flex;
              justify-content: space-between;
              align-items: center;
              .pj-l {
                  height: 100%;
                  width: auto;
                  line-height:1.493333rem;
                  input {
                    width:.533333rem;
                    height:.533333rem;
                    background-color:#f2f2f2;
                    vertical-align: middle;
                  }
                  span {
                    font-weight:600;
                    color:#202020;
                    font-size:.426667rem;
                  }
              }
              .span {
                font-weight:600;
                color:#202020;
                font-size:.426667rem;
              }
          }
      }
      .pj-bottom {
          width: 100%;
          height: 149px;
          .pj-bottom-t {
              width: 7.36rem;
              height: .933333rem;
              line-height: 0;
              span {
                display: inline-block;
                width:1.813333rem;
                height:.933333rem;
                background-color:#f2f2f2;
                border-radius:2.666667rem;
                color:#6a6c6b;
                font-size:.373333rem;
                text-align: center;
                line-height: .933333rem;
                &:nth-child(3) {
                    width: 3.2rem;
                }
              }
          }
          .pj-bottom-b {
              width: 7.546667rem;
              height: .933333rem;
              line-height: 0;
              margin-top: .266667rem;
              span {
                  display: inline-block;
                  width: 3.813333rem;
                  height: .933333rem;
                  line-height: .933333rem;
                  text-align: center;
                  color:#6a6c6b;
                  font-size:.373333rem;
                  background: #f2f2f2;
                  border-radius: 2.666667rem;
                  &:nth-child(2) {
                      width: 3.466667rem;
                  }
              }
          }
          .pj-bottom-j {
              margin-top: .506667rem;
              width: 100%;
              height: 1.306667rem;
              overflow: hidden;
              img {
                  width: .293333rem;
                  height: .133333rem;
                  margin: .533333rem auto 0;
              }
          }
      }
  }
  .pl {
      width:100%;
      height: 7.493333rem;
      background-color:#fff;
      margin-top: .266667rem;
      .pl-1 {
          height: 100%;
          position: relative;
          .yh {
              width: 100%;
              height: 1.093333rem;
              display: flex;
              justify-content: space-between;
              .yh-l {
                  width: 3.36rem;
                  height: 100%;
                  img {
                      width: 1.066667rem;
                      height: 1.066667rem;
                      display: inline-block;
                  }
                  .img-txt {
                      width: 2.266667rem;
                      height: .96rem;
                      line-height: 0;
                      position: absolute;
                      top:.08rem;
                      left:1.2rem;
                      span {
                        font-weight:500;
                        color:#000000;
                        font-size:.32rem;
                      }
                      .imgtr {
                          width: 1.093333rem;
                          height: .346667rem;
                      }
                      p {
                        color:#6a6c6b;
                        font-size:.32rem;
                        margin-top: .4rem;
                      }
                  }
                 
              }
              .yhr {
                  height: 100%;
                  width:2.533333rem;
                  line-height: 0;
                  text-align: right;
                  img {
                      width: .32rem;
                      height: .32rem;
                      display: inline-block;
                  }
                  p {
                    color:#6a6c6b;
                    font-size:.32rem;
                    margin-top: .4rem;
                  }
              }
              
          }
          .yh-text {
            width: 100%;
            height: .453333rem;
            color:#b0b8c2;
            font-size:.32rem;
        }
        .yh-texts {
            width: 100%;
            height: 1.6rem;
            margin-top: .266667rem;
            color:#494955;
            font-size:.373333rem;
            margin-bottom: .266667rem;
        }
        ul {
            width: 100%;
            height: auto;
            display: flex;
            justify-content: space-between;
            li {
                width: 2.8rem;
                height: 2.8rem;
                img {
                    width: 100%;
                    height: 100%;
                }
            }
        }
      }
  }